<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- <link rel="icon" href="images/icons/favicon.png"/> -->
        <title>成都梅鑫商贸有限公司</title>
        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
     
        <link href="css/style.css" rel="stylesheet">

        <link href="css/responsive.css" rel="stylesheet">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <style>
           
        </style>
    </head>
    <body>
        <div id="page">
            <!--header--->
            <header class="header-container">
                <div class="container">
                    <div class="top-row">
                        <div class="row">
                            <div class="col-md-2 col-sm-6 col-xs-6">
                                <div id="logo">
                                    <a href="index.html"><img src="images/logo.png" alt="logo" class="logo hidden-sm hidden-xs"></a>  
                                    <a href="index.html"><img src="images/flogo.png" alt="logo" class="logo"></a>                  
                                </div>                       
                            </div>
                            <div class="col-sm-6 visible-sm">
                                    <div class="text-right search">
                                            <input type="text" placeholder="搜索课程名称">
                                            <img src="images/search.png" alt="">
                                            <div class="myava">
                                                    <a href="" class="login">登录</a>/
                                                    <a href="">注册</a>
                                                    <!-- <a href="">hahah</a> -->
                                            </div>
                                            <img src="images/ava.png" alt="">
                                    </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-xs-12 remove-padd">
                                <nav class="navbar navbar-default">
                                    <div class="navbar-header page-scroll">
                                        <button data-target=".navbar-ex1-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>
                                    <div class="collapse navigation navbar-collapse navbar-ex1-collapse remove-space">
                                        <ul class="list-unstyled nav1 cl-effect-10">
                                            <li><a  data-hover="首页"  href="./index.html"><span>首页</span></a></li>
                                            <li><a data-hover="我的学习"  href="./mycourse.html"><span>我的学习</span></a></li>
                                            <li><a data-hover="我的收藏"  href="./mycollect.html"><span>我的收藏</span></a></li>
                                            <li><a data-hover="消息"  href="./message.html"><span>消息</span></a></li>
                                            <li><a data-hover="会员中心" href="./myvip.html"><span>会员中心</span></a></li>                                        
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                            <div class="col-md-4  col-sm-4 col-xs-12 hidden-sm">
                                <div class="text-right search">
                                    <div class="research">
                                        <input type="text" placeholder="搜索课程名称">
                                        <img src="images/search.png" alt="">
                                    </div>
                                   
                                    <div class="myava">
                                        <a href="" class="login">登录</a>/
                                        <a href="">注册</a>
                                        <!-- <a href="" class="username">你走看看</a> -->
                                        <img src="images/ava.png" alt="" class="ava">
                                    </div>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <!--end-->
            <div class="clearfix"></div>
          <!-- 精品课程 -->
            <div class="container">
                <div class="course">
                    <h3>精品课程</h3>
                    <!-- <a href="" class="getmore">查看更多>></a> -->
                </div>
                <!-- 精品课程导航 -->
                <div class="courser_nav sm_pl">
                    <ul class="navs">
                        <li class="nav_active" data-target="#all" style="text-align: center">全部</li>
                        <li   data-target="#progress">职业发展</li>
                        <li  data-target="#ai">人工智能</li>
                        <li data-target="#language">语言留学</li>
                        <li data-target="#test">职业考试</li>
                        <li data-target="#money">金融财会</li>
                        <li data-target="#itnet">IT互联网</li>
                    </ul>
                </div>
                <div class="mycontent1">
                    <div id="all" class="recontent" style="z-index: 10;">
                        <div class="reparent">
                            <div class="coure_item">
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t1.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t3.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t4.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t6.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (3).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (4).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div> 
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t6.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (3).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/t2 (4).png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>
                            <div class="coure_item hidden-sm hidden-xs" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                            </div>    
                        </div>
                    </div>
                    <div id="progress" class="recontent">
                            <div class="reparent">
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>   
                            </div>
                    </div>
                    <div id="ai" class="recontent">
                            <div class="reparent">                
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                                </div>
                                        <div class="coure_item" >
                                                <div class="mask">
                                                    <a href=""  class="start_learn">开始学习</a>
                                                </div>
                                                <img src="images/beu.png" alt="" class="cour_pic">                          
                                                <p>【PS教程合集】</p>
                                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                <div class="teacher">
                                                    <img src="images/avait.png" alt="">
                                                    <span>资深phython工程师</span>
                                                    <span>小布老师</span>
                                                </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>   
                            </div>
                    </div>
                    <div id="language" class="recontent">
                            <div class="reparent">                
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                                </div>
                                        <div class="coure_item" >
                                                <div class="mask">
                                                    <a href=""  class="start_learn">开始学习</a>
                                                </div>
                                                <img src="images/beu.png" alt="" class="cour_pic">                          
                                                <p>【PS教程合集】</p>
                                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                <div class="teacher">
                                                    <img src="images/avait.png" alt="">
                                                    <span>资深phython工程师</span>
                                                    <span>小布老师</span>
                                                </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>   
                            </div>
                    </div>
                    <div id="test" class="recontent">
                            <div class="reparent">
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>   
                            </div>
                    </div> 
                    <div id="money" class="recontent">
                            <div class="reparent">                
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                    <div class="mask">
                                        <a href=""  class="start_learn">开始学习</a>
                                    </div>
                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                    <p>【PS教程合集】</p>
                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                    <div class="teacher">
                                        <img src="images/avait.png" alt="">
                                        <span>资深phython工程师</span>
                                        <span>小布老师</span>
                                    </div>
                                </div>
                                        <div class="coure_item" >
                                                <div class="mask">
                                                    <a href=""  class="start_learn">开始学习</a>
                                                </div>
                                                <img src="images/beu.png" alt="" class="cour_pic">                          
                                                <p>【PS教程合集】</p>
                                                <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                <div class="teacher">
                                                    <img src="images/avait.png" alt="">
                                                    <span>资深phython工程师</span>
                                                    <span>小布老师</span>
                                                </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/beu.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>
                                            <div class="coure_item" >
                                                    <div class="mask">
                                                        <a href=""  class="start_learn">开始学习</a>
                                                    </div>
                                                    <img src="images/flower.png" alt="" class="cour_pic">                          
                                                    <p>【PS教程合集】</p>
                                                    <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                                    <div class="teacher">
                                                        <img src="images/avait.png" alt="">
                                                        <span>资深phython工程师</span>
                                                        <span>小布老师</span>
                                                    </div>
                                            </div>   
                            </div>
                    </div>
                    <div id="itnet" class="recontent">
                            <div class="reparent">
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/beu.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>
                                <div class="coure_item hidden-sm hidden-xs" >
                                        <div class="mask">
                                            <a href=""  class="start_learn">开始学习</a>
                                        </div>
                                        <img src="images/flower.png" alt="" class="cour_pic">                          
                                        <p>【PS教程合集】</p>
                                        <p>零基础到精通PS精讲课程，30万学员都在学的.</p>
                                        <div class="teacher">
                                            <img src="images/avait.png" alt="">
                                            <span>资深phython工程师</span>
                                            <span>小布老师</span>
                                        </div>
                                </div>   
                            </div>
                    </div>            
                </div>
                     <!--分页  -->
                     <div>
                            <ul class="pagenation">
                                <li>上一页</li>
                                <li class="page_active">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>下一页</li>
                            </ul>
                        </div> 
            </div>
       
        <!--  footer-->     
        <footer>
                <div class="fp" > 
                    <div class="footer_detal">
                        <img src="images/flogo.png" alt="">
                        <p>我的学习 | 我的收藏 </p>
                        <p>联系方式：028-84400396</p>
                        <p class="copyright">
                            © Copyright 2016-现在 成都梅鑫商贸有限公司 版权所有 huke88.com  
                        </p>
                    </div>
                    <div class="erweima text-center">
                        <p class="focus">关注微信公众号</p>
                        <img src="images/erweima.png" alt="">
                    </div>
                </div>
                
        
        </footer>
        <!-- 侧边栏 -->
        <aside class="hidden-sm hidden-xs">
            <div>
                <img src="images/mes.png" alt=""  onmouseout="this.src = 'images/mes.png'" onmouseenter="this.src = 'images/mes_active.png'" >
                <div class="kefu">
                    <span>客服QQ:23698541121</span>
                    <span>工作日：9：00-19:00</span>
                </div>
            </div>
            <div>              
                <img src="images/phone.png" class="kefu_phone" alt=""  onmouseout="this.src = 'images/phone.png'" onmouseenter="this.src = 'images/phone_active.png'" >
                <div class="weixin">
                    <img src="images/weixin.png" alt="" class="vx">
                </div>
            </div>
            <div>
                <img src="images/backtop.png" class="kefu_backtop" alt=""  onmouseout="this.src = 'images/backtop.png'" onmouseenter="this.src = 'images/backtop_active.png'" class="backtop">
            </div>
        </aside>
        <!--点击登录 -->
        <div class='mylogin_mask'>
            <div class="mylogin">
                <div class="text-right guanbi">
                    <img src="images/guanbi.png" alt="" class="close_dilog">
                </div>
                <div class="loginbar">
                    <span   data-target="#login" class="text-center login_active" >登录</span>
                    <span  data-target="#register"  class="text-center">注册</span>
                </div>
                <div class="mylogs">
                    <div id="login" style="z-index: 10;">
                        <form action="">
                            <div class="login_item">
                                <img src="images/logphone.png" alt="" class="logphone">
                                <input type="text" placeholder="手机号码">
                            </div>
                            <div class="login_item">
                                <img src="images/password.png" alt="" class="logphone">
                                <input type="text" placeholder="密码">
                            </div>
                            <div class="forgetpwd">
                                <div style="display: flex;align-items: center">
                                <input type="checkbox" value="">
                                    自动登录
                                </div>
                                <a href="" class="rsetpwd">忘记密码？</a>
                            </div>
                            <div class="logbtn">
                                <input type="button" value="登录">
                            </div>
                        </form>
                    </div>
                    <div id="register" style="display: none">
                        <form action="">
                            <div class="login_item">
                                <img src="images/logphone.png" alt="" class="logphone">
                                <input type="text" placeholder="手机号码">
                            </div>
                            <div class="login_item">
                                <img src="images/nichen.png" alt="" class="logphone">
                                <input type="text" placeholder="昵称">
                            </div>
                            <div class="login_item">
                                <img src="images/password.png" alt="" class="logphone">
                                <input type="text" placeholder="密码">
                            </div>
                            <div class="login_item">
                                <img src="images/password.png" alt="" class="logphone">
                                <input type="text" placeholder="确认密码">
                            </div>
                            <div class="login_item" style="display: flex;justify-content: space-between">
                                <div >
                                    <img src="images/yz.png" alt="" class="logphone">
                                    <input type="text" placeholder="短信验证码" >
                                </div>
                                <span class="rsetpwd">发送验证码</span>
                            </div>
                            <div class="logbtn">
                                <input type="button" value="注册">
                            </div>
                        </form>
                    </div>
                </div>
            </div> 

        </div>
    </div>
        <script>
            // 跳转至详情
            $(".coure_item").click(function(){
                location.href="details.html"
            })
                // 切换导航内容
                function change_pro(elem,a,b){
                        $(elem).click((e)=>{
                        if(e.target.nodeName == a){
                        let $a = $(e.target);
                        $a.addClass(b)
                            .siblings()
                            .removeClass(b);
                        let id = $a.attr("data-target");                 
                            $(id).css({"zIndex":"10",
                                    "display":"block"
                            })             
                                .siblings().css({"zIndex":"",
                                    "display":"none"
                            }); 
                        }    
                    })
                }
                function change_pro1(elem){
                        $(elem).click((e)=>{
                        if(e.target.nodeName == "LI"){
                        let $a = $(e.target);
                        $a.addClass("nav_active")
                            .siblings()
                            .removeClass("nav_active");
                        let id = $a.attr("data-target");                 
                            $(id).css({"zIndex":"10",
                                   
                            })             
                                .siblings().css({"zIndex":"",
            
                            }); 
                        }    
                    })
                }
            change_pro1($(".navs"));
            change_pro($(".loginbar"),"SPAN","login_active")  
            // 回到顶部        
            $(".backtop").click(function () {
            $("html,body").animate({ scrollTop: 0 },1000); //回到顶部
        });
// 点击登录
$(".login").click(function(e){
    e.preventDefault()
    $(".mylogin_mask").show()
})
// 关闭登录页面
$(".close_dilog").click(function(){
    $(".mylogin_mask").hide();
})
        </script>
    </body>
</html>
